@charset "UTF-8";
/*公共*/
.mt-80 {
  margin-top: 80px; }

.background-grey {
  background: #e9e9e9; }

.long-ji-login {
  background: url("../images/system/login-bg.jpg") center center no-repeat;
  display: flex;
  background-size: cover;
  justify-content: center;
  align-items: center; }

/*登录*/
.long-ji-wapper {
  height: 100vh;
  width: 100%; }

.long-ji-form {
  width: 478px; }

.long-ji-form-content {
  background: #fff;
  padding: 40px 45px 70px 45px; }

/*主页面头部*/
.long-ji-main {
  background: url("../images/system/main-bg.jpg") top center no-repeat; }

.long-ji-common-header {
  display: flex;
  height: 82px;
  justify-content: space-between;
  align-items: center; }

.long-ji-header-left ul {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .long-ji-header-left ul li {
    float: left; }
  .long-ji-header-left ul a {
    display: block; }

.long-ji-common-icon {
  width: 120px;
  height: 37px;
  margin-left: 25px;
  background-size: 100%; }

.longji-home {
  background: url("../images/system/main-home.png") no-repeat; }

.longji-home:hover {
  background: url("../images/system/main-home-hover.png") no-repeat; }

.longji-website {
  background: url("../images/system/main-websit.png") no-repeat; }

.longji-website:hover {
  background: url("../images/system/main-website-hover.png") no-repeat; }

.longji-system {
  background: url("../images/system/main-system.png") no-repeat; }

.longji-system:hover {
  background: url("../images/system/main-system-hover.png") no-repeat; }

.longji-log {
  background: url("../images/system/look-log.png") no-repeat; }

.longji-log:hover {
  background: url("../images/system/look-log-hover.png") no-repeat; }

.longji-warn {
  background: url("../images/system/look-warn.png") no-repeat; }

.longji-warn:hover {
  background: url("../images/system/look-warn-hover.png") no-repeat; }

.long-ji-header-right {
  padding-right: 20px; }

.long-ji-crumbs {
  height: 48px;
  background: rgba(142, 186, 240, 0.1);
  border-top: 1px solid #8eadfa;
  border-bottom: 1px solid #8eadfa;
  color: #6dc2f1;
  text-indent: 30px;
  line-height: 48px;
  font-size: 16px;
  font-weight: bold; }

/*主页中间部分*/
.main-content-left-nav {
  background: rgba(12, 92, 146, 0.3); }

.main-content-right {
  background: #fff;
  border-radius: 10px; }

.arrow-t {
  position: absolute;
  width: 32px;
  height: 23px; }

.arrow-t-l {
  background: url("../images/system/top-left.png") no-repeat;
  top: 0;
  left: 0; }

.arrow-t-r {
  background: url("../images/system/top-right.png") no-repeat;
  top: 0;
  right: 0; }

.arrow-b-l {
  background: url("../images/system/left-bottom.png") no-repeat;
  bottom: 0;
  left: 0; }

.arrow-b-r {
  background: url("../images/system/right-bottom.png") no-repeat;
  bottom: 0;
  right: 0; }
